<nz-table #nzTable nzBordered nzSize="middle" [nzData]="dataSet" [nzShowPagination]="false">
  <thead>
    <tr>
      <th nzWidth="200px">{{l("serial_number")}}</th>
      <th>{{l("rule_key")}}</th>
      <th>{{l("rule_value")}}</th>
      <th nzWidth="140px">{{l("operation")}}</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let data of nzTable.data;let i =index">
      <td>{{i+1}}</td>
      <td>{{data.itemKey}}</td>
      <td *ngIf="data.dictionaryName!='sms_enable'">
        <span>
          {{data.itemValue}}
        </span>
      </td>
      <td *ngIf="data.dictionaryName=='sms_enable'">
        <span *ngIf="data.itemValue=='true'">
          {{l('have')}}
        </span>
        <span *ngIf="data.itemValue=='false'">
          {{l('nohave')}}
        </span>
      </td>
      <td>
        <a (click)="showModal(data.id)">{{l("config_param")}}</a>
      </td>
    </tr>
  </tbody>
</nz-table>


<nz-modal [(nzVisible)]="isVisible" [nzTitle]="l('config_param')" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
  [nzOkLoading]="isOkLoading">
  <form>
    <nz-form-item *ngIf="dictionary.dictionaryName!='sms_enable'">
      <nz-form-label [nzSm]="6" [nzXs]="24">{{dictionary.itemKey}}</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24" >
        <input nz-input [(ngModel)]="dictionary.itemValue" [ngModelOptions]="{standalone: true}" required>
      </nz-form-control>

    </nz-form-item>
    <nz-form-item *ngIf="dictionary.dictionaryName=='sms_enable'">
      <nz-form-label [nzSm]="6" [nzXs]="24">{{dictionary.itemKey}}</nz-form-label>
      <nz-form-control [nzSm]="16" [nzXs]="24">
        <nz-switch [(ngModel)]="dictionary.enable" (ngModelChange)="handleUsing(dictionary)" [ngModelOptions]="{standalone: true}"></nz-switch>
      </nz-form-control>

    </nz-form-item>

  </form>
</nz-modal>